<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
	<th:block th:include="include :: header('项目列表')" />
</head>
<body class="gray-bg">
	<div class="container-div">
		<div class="row">
		
            <div class="col-sm-12 search-collapse">
                <form id="job-form">
                    <div class="select-list">
                        <ul>
                            <li>
                                名称：<input type="text" name="name"/>
                            </li>
                            <li>
                                <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
                                <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
                            </li>
                        </ul>
                    </div>
                </form>
            </div>
		
			<div class="btn-group-sm" id="toolbar" role="grade">
				<a class="btn btn-success" onclick="$.operate.add()" >
	                <i class="fa fa-plus"></i> 新增
	            </a>
	            <a class="btn btn-primary single disabled" onclick="$.operate.edit()" >
		            <i class="fa fa-edit"></i> 修改
		        </a>
	        </div>
        
	        <div class="col-sm-12 select-table table-striped">
			    <table id="bootstrap-table" data-mobile-responsive="true"></table>
			</div>
		</div>
	</div>
	<th:block th:include="include :: footer" />
	<script th:inline="javascript">
		var prefix = ctx + "task/project";

		$(function() {
		    var options = {
		        url: prefix + "/list",
		        createUrl: prefix + "/add",
		        updateUrl: prefix + "/edit/{id}",
		        removeUrl: prefix + "/remove",
		        showSearch: false,
		        modalName: "项目信息",
		        columns: [{
		            checkbox: true
		        },
		        {
		            field: 'id',
		            title: '项目编号'
		        },
		        {
		            field: 'name',
		            title: '项目名称',
		        },
		        {
		            field: 'duty.userName',
		            title: '项目负责人',
		        },
		        {
		            field: 'temp.name',
		            title: '模板'
		        },
		        {
		            field: 'remark',
		            title: '说明'
		        },
		        {
		            title: '操作',
		            align: 'center',
		            formatter: function(value, row, index) {
		                var actions = [];
		                actions.push('<a class="btn btn-primary btn-xs" href="javascript:void(0)" onclick="$.operate.edit(\'' + row.id + '\')"><i class="fa fa-edit"></i>修改</a> ');
		                actions.push('<a class="btn btn-danger btn-xs" href="javascript:void(0)" onclick="updateStatus(\'' + row.id + '\')"><i class="fa fa-remove"></i>回收</a> ');
		                
		                actions.push('<a class="btn btn-success btn-xs" href="javascript:void(0)" onclick="openUser(\'' + row.id + '\')">参与用户</a> ');
		                
		                return actions.join('');
		            }
		        }]
		    };
		    $.table.init(options);
		});
		
		function updateStatus(id){
			$.operate.post(ctx + "/task/project/updateStatus",{id:id,status:1});
		}
        
		function openUser(id){
			$.modal.open("用户列表", ctx + "/task/projectuser/index/" + id);
		}
	</script>
</body>
</html>